@header-height:50px;
@footer-height:60px;
@middle-height:110px;
html,body{
  height: 100%;
  overflow-x: hidden;
  font-family: "微软雅黑","Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
  position: relative!important;
}
footer{
  text-align: center;
}

div#divMain{
  min-height: calc(100% - 110px);
  margin-top: 50px;
  padding: 0!important;
  display: none;
}
iframe#frameMain{
  min-height: calc(100% - 110px);
  margin-top: 50px;
  padding: 0!important;
  margin:0!important;
  border:none;
  display: none;
}
header a{
  cursor: pointer;
}
#loading{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width: 100%;
  background: #555555;
  opacity: 0.7;
  margin-top: @header-height;
  z-index: 9998;
  text-align: center;
  .loading-center{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:80px;
    height:100px;
    margin:auto;
    z-index: 9999;
    img{
      animation: RowAround 1.3s ease infinite;
    }
    div{
      margin-top: 20px;
      color: #000;
    }
  }
}
@keyframes RowAround {
  from{
    transform: rotate(0deg);
  }
  to{
    transform: rotate(360deg);
  }
}